*{
    margin:0;padding:0;
}
.wrap{
    width: 200px;
    height: 100px;
    border:1px solid #ccc;
    padding-top:100px;
    position: relative;
    div{
      width: 15px;
     
      background:#DC143C;
      display:inline-block;
      margin:0 8px;
      position: absolute;
      bottom: 0;
    }
}
.box1{
     height: 100px;
    
    animation:heightBox1 2s linear infinite;
}
.box2{
  left: 30px;
  height: 180px;
  animation:heightBox2 2s linear infinite;
}
.box3{
left: 60px;
height: 50px;
animation:heightBox3 2s linear infinite;
}

@keyframes heightBox1{
    0%{
      height:100px;
    }
    100%{
      height:150px;
    }
}
@keyframes heightBox2{
    0%{
      height:180px;
    }
    100%{
      height:100px;
    }
}
@keyframes heightBox3{
    0%{
      height:50px;
    }
    100%{
      height:100px;
    }
}
